@charset "utf-8";

	*{ margin: 0 auto; font-family:"微软雅黑";}
	div,p,span{ overflow:hidden;}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%;}
	
	/*头部样式*/
	.max{ max-width:1100px;}
	.header{ margin:20px auto; display:flex; align-items:center;}
	.logo{ float:left; max-height:80px; text-align:left; margin:auto 0px;}
	.logo img{ float:left;}
	
	.tel{ float:right; text-align:right; margin:auto 0px auto auto; display:flex; align-items:center;}
	.tel img{ float:left; margin-right:15px; margin-left:0px;}
	.tel span{ text-align:right; float:left; font-size:18px; color:#303749; line-height:28px; margin-right:0px;}

	/*导航样式*/
	nav{ width:100%; background: linear-gradient(to right,#f2b01b 30%,#374262 30%); display:block; overflow:visible; height:60px;}
	.nav{ padding-left:0px; max-width:1066px; overflow:visible;}
	.n_index{border-right:1px solid rgba(255,255,255,0.1); box-sizing:border-box; text-align:center; max-width:61px; width:100%; height:60px; float:left; line-height:60px;}
	.n_index img{object-fit:cover;}
	.nav ul{max-width:calc(100% - 61px); width:100%; float:left;box-sizing:border-box; max-height:60px; overflow:visible;}
	.nav ul li{ position:relative; background:#374262; border-right:1px solid rgba(255,255,255,0.2); width:calc(100% / 7); float:left;box-sizing:border-box; max-height:60px; overflow:visible;}
	.nav ul li>a{ font-size:16px; text-align:center; float:left; width:100%;line-height:60px; color:#fff;}
	.nav ul li:hover:after{ content:""; background:#ffc231; height:3px; left:0px; width:100%; position:absolute; bottom:0px; z-index:2;}
	.nav ul li ol{ background:#374262; width:100%; position:absolute; top:100%; overflow:hidden;}
	.nav ul li ol li{ float:left; width:100%; line-height:28px; text-align:center; color:#fff; border:0px; max-height:0px; height:0px; transition:all linear; transition-delay:0.1s;}
	.nav ul li ol li a{ color:#fff; font-size:12px; float:left; width:100%; line-height:28px;}
	.nav ul li:hover ol{ z-index:5; padding:5%; box-sizing:border-box; height:auto;}
	.nav ul li:hover ol li{ max-height:100px; height:auto; transition:all linear 1s;}
	.nav ul ol li:hover:after{ content:""; background:none; height:0px;}
	.nav ul li ol li a:hover{background:#ffa200;}
	
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; height:460px;}
	.banner ul{ position:absolute;width:100%; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner ul li img{ height:460px; object-fit:cover; width:100%; float:left;}
	.banner:hover ol{ opacity:1;}
	.banner ol{ list-style:none;  padding-left:48%;opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:50%; height:5px; width:5px; float:left; border:2px solid #3574db; opacity:0.8;}
	.banner ol li:hover{border:2px solid #3574db; opacity:1;}
	
	.lef_rig{ display:none;}
	.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:35%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png); width:50px; left:1%; }
	.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:35%; position:absolute; height:53px; z-index:2; background:url(../images/left_right.png) bottom; width:50px; right:1%; }
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	#dot{ background:#3574db; border:2px solid #3574db; opacity:1;}

	.search{ margin:33px auto;}
	.search input[type=text]{ border:0px;line-height:60px; background:#4f5e86; width:30%; padding:0px 2%; box-sizing:border-box; float:left; color:#fff;}
	.search input[type=submit]{ border:0px; width:6%; line-height:60px; background:#f1b11a; background-image:url(../images/02.jpg); float:left; background-repeat:no-repeat; background-position:center; padding:0px; cursor:pointer;}
	.search input[type=submit]:hover{ box-shadow:0 0 50px #fff inset; box-sizing:border-box;line-height:60px;}
	.search .notice{ background:#364261; width:64%; line-height:62px; height:60px; padding-left:4%; box-sizing:border-box;}
	.notice span:first-child{ line-height:60px; padding-left:40px; background:url(../images/vol.png) center left no-repeat; float:left; color:#fff; font-weight:bold;}
	.notice marquee{ width:75%; margin-left:5%; color:#a8acb6; float:left; font-size:14px;}
	
	.about{ background:#f6f6f6; padding-top:30px;}
	.about .max .about_mv{ width:40%; float:left; margin-top:25px;}
	.about .max .about_text{ width:60%; float:left;}
	.often{ width:100%; float:left; padding-left:10%; background:url(../images/01.png) no-repeat 6% center;}
	.often p:nth-child(1){ font-size:40px; color:#0a2966; font-family:Arial, Helvetica, sans-serif;}
	.often p:nth-child(2){ font-size:20px; color:#0a2966;}
	.about .max .about_text span:nth-of-type(2){padding:20px 6% 0px 6%; box-sizing:border-box; width:100%;background:#fff; float:left; line-height:30px; font-size:14px; color:#333;z-index:1;}
	.about .max .about_text a{ line-height:38px; margin-top:20px; float:left;width:158px; text-align:center; color:#0a2966; border:1px solid #cbced7;}
	
	.about .max .about_text a:hover{ background:#0e6fda; color:#fff; border:1px solid #0e6fda}
	
	.bkgd_line{background:linear-gradient(to right,#f2c039 0%,#f2c039 calc((100% - 1100px) / 2 + 441px) , #fff calc((100% - 1100px) / 2 + 441px),#fff calc((100% - 1100px) / 2 + 1101px) , #f6f6f6 calc((100% - 1100px) / 2 + 1101px)); height:4px; width:100%;}
	
	.case{ 
		background:#344362; 
		background-size:100% 100%; 
		padding-top:47px; 
		padding-bottom:40px; 
		display:block; 
		width:100%; 
		border-top:38px solid;
		border-image: -webkit-linear-gradient(left , #344362 , #344362 calc((100% - 1100px) / 2 + 442px), #fff calc((100% - 1100px) / 2 + 442px) , #fff calc((100% - 1100px) / 2 + 1092px) , #f6f6f6 calc((100% - 1100px) / 2 + 1092px))1 10 1; /* 控制边框颜色渐变 */
		border-image: -moz-linear-gradient(left , #344362 , #344362 calc((100% - 1100px) / 2 + 442px), #fff calc((100% - 1100px) / 2 + 442px) , #fff calc((100% - 1100px) / 2 + 1092px) , #f6f6f6 calc((100% - 1100px) / 2 + 1092px))1 10 1; 
		border-image: linear-gradient(left , #344362 , #344362 calc((100% - 1100px) / 2 + 442px), #fff calc((100% - 1100px) / 2 + 442px) , #fff calc((100% - 1100px) / 2 + 1092px) , #f6f6f6 calc((100% - 1100px) / 2 + 1092px))1 10 1;
		overflow:hidden;
	}
	.case .often{padding-left:2%; background-position:0% center;margin-bottom:40px; float:none; box-sizing:border-box;}
	.case .often span{ float:left; width:50%;}
	.case .often span:nth-of-type(2){ float:left; text-align:right; width:50%;}
	.case .often p{ color:#fff;}
	.case .often a{ color:#fff; line-height:71px; font-size:20px;}
	.often a:hover{ color:#f00 !important;}
	
	.case_b{ background:#2e3957; float:left; width:100%; border-top:1px solid #4d5977; border-bottom:1px solid #4d5977; overflow:visible;}
	.case_b .max{position:relative; overflow:visible;height:445px;}
	.case_b ul{ position:relative;box-sizing:border-box; width:100%; float:left;}
	.case_b li{ position:absolute; width:367px; box-sizing:border-box; float:left; border-right:1px solid #4d5977;}
	.case_b li:hover{ background:#f1b11a;}
	.case_b li span{ float:left; width:100%;}
	.case_b li img{ float:left; height:275px; width:100%; object-fit:cover;}
	.case_b li p{ float:left; width:100%; color:#8c92a0; padding:0 4% 25px 4%; box-sizing:border-box;}
	.case_b li p:nth-of-type(1){ margin-top:25px; font-size:20px; color:#fff;}
	.case_b li p:nth-of-type(2){ line-height:24px; font-size:13px; height:96px;}
	.case_b .max div{height:445px; border-left:1px solid #4d5977; border-right:1px solid #4d5977;}
	.case_up p{ position:absolute; top:0px;color:#fff; width:auto !important; height:50px; margin:auto; font-size:50px; bottom:0px; font-family:"宋体"; z-index:3; cursor:pointer;}
	.case_up p:first-child{left:-70px;}
	.case_up p:nth-child(2){ right:-70px;}
	
	
	/*手机页面隐藏内容*/
	.phone_banner{ display:none;}
	.phone_class{ display:none;}
	.phone_promise{ display:none;}
	.phone_often{ display:none;}
	.cellphone_case{ display:none;}
	.phone_choose{ display:none;}
	.phone_flow{ display:none;}
	.phone_about{ display:none;}
	.cellphone_footer{ display:none;}
	.phone_page{ display:none;}
	.phone_header{ display:none;}
	.phone_page_class{ display:none;}
	.phone_page_title{ display:none;}
	
	
	
	
	.pro{  padding:55px 0px;}
	.pro_l{ width:25%; float:left; border:1px solid #ddd; box-sizing:border-box; padding:25px; background:#fff;}
	.pro_class{ background:url(../images/08.jpg) left center no-repeat; padding:21px 0px 21px 50px; border-bottom:1px solid #ddd;}
	.pro_class p:nth-of-type(1){ font-size:18px; color:#4c556f;}
	.pro_class p:nth-of-type(2){ font-size:11px; color:#4c556f;}
	.pro_l ul{margin-top:10px;}
	.pro_l li{ background:url(../images/02.png) 8px center no-repeat; padding-left:28px; }
	.pro_l li a{font-size:14px; color:#4c4c4c; display:block; padding:15px 0px; width:100%;}
	.pro_l li:hover a{ color:#f76f0c; font-weight:bold;}
	
	.pro_r{ width:74%; float:right;}
	.pro_r li{ max-width:calc(100% / 3 - 28px); width:100%; float: left; padding:8px; margin-left:28px; margin-bottom:30px; box-sizing:border-box; background:#f6f6f6;}
	.pro_r li:hover{background:#ffc231; transition:all ease 0.5s;}
	.pro_r li:hover span{ color:#fff !important; border-color:#fff !important;}
	.pro_r li span{ display:block;width:100%; text-align:center;}
	.pro_r li span img{ height:173px; width:100%; object-fit:cover;}
	.pro_r li span:nth-of-type(2){ font-size:20px; color:#444; margin:15px 0px;}
	.pro_r li span:nth-of-type(3){ width:128px; display:block; float:none; line-height:34px; height:34px; border:1px solid #e3e3e3; margin:20px auto;}
	
	.news .often{ padding:0px; box-sizing:border-box; background:url(../images/03.png); margin-top:90px; margin-bottom:40px; display:flex; align-items:center;}
	.news .often span:first-child{ background:#fff; background-image:url(../images/01.png);background-position: left center; background-repeat:no-repeat; padding-left:20px; padding-right:30px; box-sizing:border-box; max-width:50%; float:left; margin-left:0px;}
	.news .often span:first-child .title{ line-height:42px;}
	.news .often span:first-child .text{ text-align:center; line-height:20px;}
	.news .often span:nth-child(2){ text-align:right; margin-right:2%; max-width:50%; float:right;}
	.news .often span:nth-child(2) a{ color:#0a2966; font-size:20px; font-family:Arial, Helvetica, sans-serif;}
	
	.news ul li{ width:calc(100% / 3 - 24px); float:left; margin-right:20px; margin-left:10px; padding:2%; box-sizing:border-box; margin-bottom:2%;}
	.news ul li:last-child{ margin-right:0px;}
	.news ul li time{ color:#2e2e2e; font-size:16px; line-height:30px; border-bottom:1px solid #9fa0a2; display:block; width:100%; margin-right:0px;}
	.news ul li .title{ font-size:18px; line-height:30px; color:#2e2e2e; margin:13px auto; white-space:pre; text-overflow:ellipsis; overflow:hidden;}
	.news ul li .text{ font-size:12px; line-height:20px; color:#444;}
	.news ul li span{ border:1px solid #e1e1e1; line-height:34px; width:118px; float:left; text-align:center; color:#2e2e2e; font-size:12px; margin-top:15px;}
	.news ul li:hover{ box-shadow:0px 0px 8px #ccc; box-sizing:border-box;}
	.news ul li span:hover{ background:#0e6fda; color:#fff;}
	.news ul li .title:hover{ color:#f00;}
	
	
	.map{ background:url(../images/09.jpg) no-repeat bottom center; margin-top:30px;}
	.contact{ background:#2e3955;width:240px;float:left;padding:17px 0px;display:flex;flex-wrap:wrap; box-sizing:border-box; border-top:4px solid #f1b11a;}
	.contact p{ float:left; width:100%; color:#fff; text-align:center;}
	.contact p:first-child{ font-size:28px; color:#fff; text-transform:uppercase;}
	.contact p:nth-child(2){ font-size:20px; color:#fff; text-transform:uppercase; margin-bottom:17px;}
	.contact p:nth-of-type(n+3){ padding:15px; font-size:20px; border-bottom:#3a4664 solid 1px; color:#b5c8f7;}
	.contact p:nth-last-of-type(1){ line-height:30px; font-size:14px; border-bottom:0px; text-align:left; padding-left:57px; padding-right:20px;}
	.contact div{ margin-top:13px; width:132px; height:132px; margin-bottom:18px;}
	
	.url{ margin:40px auto; font-size:14px;}
	.url .often{ padding-left:2%; background-position:left center; width:auto; margin-right:5%;}
	.url a{ color:#333; margin: 0 10px 10px 0px; display:inline-block; line-height:24px;}
	
	.footer_nav{ background:#2e3955; line-height:70px;}
	.fnav_l{ max-width:75%; float:left; width:100%; text-align:center;}
	.fnav_l a{ color:#fff; width:calc(100% / 9); float:left; font-size:15px;}
	.fnav_r{float:right; max-width:25%; text-align:right; width:100%;}
	.fnav_r a{ color:#fff;}
	.fnav_l a:hover{ background:#0e6fda;}
	
	.footer{ padding:36px 0; background:#364261;}
	.footer_l{ color:#fff; text-align:center; width:100%; float:left;}
	.footer_l p{ display:inline-block; padding-right:20px; font-size:14px; line-height:45px;}
	.footer_r{ max-width:30%; float:right;}
	.footer_r a{ float:left; width:32px; height:32px; background:url(../images/icons_0_32.png); margin-right:6px;}
	.footer_r a:nth-of-type(2){background-position:0 -52px;}
	.footer_r a:nth-of-type(3){background-position:0 -104px;}
	.footer_r a:nth-of-type(4){background-position:0 -260px;}
	.footer_r a:nth-of-type(5){background-position:0 -208px;}
	.footer_r a:nth-of-type(6){background-position:0 -1612px;}

	
	/*新闻页面*/
	.page{margin:2% auto; overflow:hidden;}
	.page_list{ float:left; width:100%; text-align:center;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#333;}
	
	.page .pro{ padding:0px;}
	.pro_l{ float:left; max-width:240px; width:100%;}
	.page_l div:first-child{background:#aa8973; font-size:28px; color:#fff; text-align:center; line-height:75px;}
	.page_l div:nth-child(2){ padding:5%; background:#fbf5ea;}
	.page_l div:nth-child(2) p{ font-size:14px; line-height:24px; color:#333;}
	
	.page_r{ float:right; width:calc(100% - 280px);}
	.page_address{ 
		border-bottom:1px solid; 
		border-image:-webkit-linear-gradient(left , #4f5e86 , #4f5e86 25% , #ddd 26% , #ddd)1 10 1;
		border-image:linear-gradient(left , #4f5e86 , #4f5e86 25% , #ddd 26% , #ddd)1 10 1;
		color:#515357; line-height:35px;
	}
	.page_address div{ font-size:14px; float:left;}
	.page_address a{color:#666; font-size:14px;}
	.page_address a:hover{color:#000;}
	
	
	.page_news_list{ max-width:100%; width:100%;}
	.news_list{margin-top:20px;}
	.news_list li{width:100%; float:left;padding:0px 12px; box-sizing:border-box; border-bottom:1px dashed #ddd;}
	.news_list li a{font-size:14px;line-height:30px; color:#737373;}
	.news_list li a p{ width:80%;float:left; text-overflow:ellipsis; white-space:pre;}
	.news_list li a time{ float:right;font-size:14px;}
	.news_list li:hover{background:rgba(14,111,218,0.60);}
	.news_list li:hover p,.news_list li:hover time{ color:#fff; font-weight:bold;}
	
	.page_list{ margin:3% 0px;}
	.page_list a:hover{ color:#f00;}
	
	.pro_list{ max-width:100%; width:100%; margin:20px 0px; float:left;}
	.pro_list ul{ width:100%; float:left; padding:3px; box-sizing:border-box;}
	.pro_list li{ width:calc(100% / 4 - 15px); float:left; margin-bottom:12px; margin-right:20px; border:1px solid #d9d9d9; box-sizing:border-box;}
	.pro_list li:nth-child(4n){margin-right:0px;}
	.pro_list li span{ width:100%; text-align:center; float:left; padding:5px; box-sizing: border-box; }
	.pro_list li span img{ max-width:100%; width:100%; display:block;height:165px;object-fit:cover;}
	.pro_list li p{float:left; width:100%;text-align:center;font-size:14px; text-overflow:ellipsis; white-space:pre; color:#333; line-height:40px;}
	.pro_list li:hover{ box-shadow:0px 0px 2px #0e6fda;}
	
	.page_odd{ padding:2%; border-bottom:1px dashed #ccc;}
	.page_odd .title{ width:100%; text-align:center; line-height:30px; font-size:20px; color:#343434;}
	.page_odd time{ width:100%; text-align:center; font-size:12px; display:block; line-height:24px; margin-bottom:20px; color:#999;}
	.page_odd .img{ text-align:center; margin-bottom:1%;}
	.page_odd .img img{max-height:400px;}
	.page_odd .content p{ text-align:left; line-height:30px; color:#333; font-size:14px;}
	.page_up{ margin-top:3%;}
	.page_up span{ float:left; width:100%; color:#1d1d1d; font-size:12px; line-height:28px;}
	.page_up span a{ color:#1d1d1d;}
	.page_up div{ display:block; width:100%; text-align:center;}
	.page_up div a{ display:inline-block; color:#fff; border-radius:5px; font-size:14px; background:#f76f0c; width:138px; line-height:39px;}
	.honor{ max-width:100%; width:100%;}
	.honor .pro_list li span img{ height:209px;}
	.honor .pro_list li{ border:0px;}
	
	
	.post,.money{margin:2% 0px;}
	.post span{ color:#666; float:left; margin:1% 0px;}
	.post font{ color:#000; font-weight:bold; font-size:43px;}
	.money{ color:#666;}
	.money font{ color:#ff9900; font-size:24px;}
	.recruit_contont{ display:flex; flex-wrap:wrap;}
	.recruit_contont span{ float:left; width:calc(100% / 3); line-height:30px; color:#333;}
	.recruit_contont span font{ color:#666;}
	.recruit_contont span:nth-last-child(-n+2){ margin:0px;}
	.describe{ width:100%; color:#333; line-height:45px; background:#f3f3f3; border-left:3px solid #65beba; padding-left:2%; box-sizing:border-box; margin:42px 0px 30px 	0px; }
	.post_text{ color:#999;}
	
	.page_recruit form span{ display:inline-block; float:left; color:#333; margin:2% auto; width:50%;}
	.page_recruit form input[type=text]{ width: 75%;box-sizing:border-box;}
	.page_recruit form select{ color:#666;}
	.page_recruit form div{ width:100%; margin:2% auto; color:#333;}
	.page_recruit form div textarea{ max-width:100%; width:100%; height:300px; resize:none; box-sizing:border-box;}
	.page_recruit form div:last-child{ display:block; text-align:center;}
	.page_recruit form input[type=submit]{ width:140px; line-height:40px; height:40px; background:#1c2d5b; color:#fff; border:0px;}
	.page_recruit form input[type=reset]{ color:#000; width:140px; line-height:40px; height:40px; background:#ccc; border:0px;}
	
	.join_list li{ border-bottom:1px dashed #ccc; margin:1% 0px; overflow:hidden; padding-bottom:5px;}
	.join_list li a{ color:#666; float:left; width:75%; text-overflow:ellipsis; white-space:pre;}
	.join_list li time{ float:right; color:#666;}
	

	/*返回顶部*/
	.top{ width:45px; height:45px; line-height:50px;background:url(../images/d7.gif) no-repeat; background-position: bottom left; color:#fff; position:fixed; text-align:center; bottom:100px; margin:auto; cursor:pointer;font-weight:bold; font-size:30px; right:1%;}
	.fdma{ width:45px; height:45px;right:1%;background:url(../images/d7.gif) no-repeat;background-position: top left; bottom:145px;cursor:pointer; position:fixed;}
	.fdma img{ position:fixed;right:calc(1% + 45px);bottom:145px; width:0px;}
	.fdma:hover img{ transition:all ease 0.5s; width:150px;}
	
	.sj_footer{ display:none; width:100%; background:#2f5594; position:fixed; bottom:0px;}
	.sj_footer a{ width:calc(100% / 3); float:left; text-align:center; border-right:2px solid #fff; box-sizing:border-box; font-size:14px; padding:10px 0px;}
	.sj_footer span{color:#fff; font-family:"微软雅黑"; display:block; width:100%; font-size:20px;}

	
	@font-face{
		font-family:"ygyxsziti2.0";
		src:url(../font/ygyxsziti2.0.ttf);
	}	
	
	
	
input::-webkit-input-placeholder{
            color:#fff;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#fff;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#fff;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#fff;
        }